<template>
  <div class="textIpt">
    <slot></slot>
    <el-input :placeholder="placeholderValue" v-model="input" clearable>
    </el-input>
  </div>
</template>

<script>
export default {
  props:{
    txt:{
      type:String
    }
  },
  data() {
    
    return {
      input: '',
      placeholderValue:'请输入内容'
    }
  },
  mounted(){
    if(this.txt!=undefined){
      this.placeholderValue=this.txt
    }
  }
}
</script>
<style scoped>
.textIpt>>>.el-input--suffix .el-input__inner{
  padding-right: 0;
}
.textIpt {
  display: flex;
  align-items: center;
}

.textIpt>>>.el-input__icon {
  line-height: 30px;
}

.textIpt>>>.el-input {
  margin-left: 20px;
}

.textIpt>>>input {
  width: 150px;
  height: 30px;
  border-color: #DCDFE6;
}
</style>
